/*
  @Author: tcly861204
  @Email:  356671808@qq.com
  @Date:   2021/12/26 上午8:35:32
  @Last Modified by:   tcly861204
  @Last Modified time: 2022/1/6 上午12:12:03
  @Github: https://tcly861204.github.io
*/
@include b(details) {
  padding-bottom: 48px;
  background: $bg04;
  @include e(hd) {
    padding: 50px 15px 25px;
    .title {
      font-size: $f40;
      font-weight: bold;
    }
    .info {
      padding-top: 10px;
      font-size: 0;
      .ued-mobile {
        padding-right: 5px;
        font-size: $f20;
      }
      span {
        padding-right: 10px;
        line-height: 1;
        font-size: $f24;
        color: $fc09;
        margin-right: 10px;
        border-right: 1px solid $bor06;
        &:last-child {
          border: none;
        }
      }
    }
  }
  @include e(bd) {
    padding: 0 15px;
    font-size: $f30;
    overflow: hidden;
    img {
      max-width: 100%;
    }
    h2 {
      padding: 15px 0;
    }
    h3,
    h4 {
      padding: 15px 0;
    }
    h1 {
      display: none;
    }
    p,
    li {
      margin: 15px 0;
      color: $fc07;
    }
    a {
      color: $fc01;
      word-wrap: break-word;
    }
  }
  @include e(ft) {
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    height: 48px;
    background: $bg04;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    span {
      flex: 1;
      text-align: center;
      line-height: 48px;
    }
    .comments {
      color: $btn01;
      transition: all 0.25s ease 0s;
      &:active {
        color: $btn01hover;
      }
    }
    .collection {
      background: $btn01;
      color: $fc10;
      transition: all 0.25s ease 0s;
      &:active {
        background: $btn01hover;
      }
    }
  }
}
